<!-- 头部 -->
<!DOCTYPE html>
<html lang="zh-cn">
<head>

    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>废弃品跟踪监管平台</title>
    <meta name="description" content="index"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/chosen/chosen.min.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="/ace/css/ace.min.css" id="main-ace-style"/>
    <link rel="stylesheet" href="/ace/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="/ace/css/ace-rtl.min.css"/>
    <link rel="stylesheet" href="/ztree/metro.css"/>
    <link rel="stylesheet" href="/validate/css/validform.css"/>
    <link rel="stylesheet" href="/css/custom.css"/>

    <!--[if !IE]> -->
    <script src="/jquery/jquery.js"></script>
    <!-- <![endif]-->
    <!-- ace settings handler -->
    <script src="/ace/js/ace-extra.min.js"></script>
</head>

<body class="no-skin" id="body-content">

<!-- 主体 -->
<div class="main-container" id="main-container">


    <div class="main-content">


        <div class="page-content">

            <div class="page-header">
                <h1> 新增 </h1>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div id="fill-main-content" style="height:100%">
                        <div class="xuboxPageHtml" id="xboxTest" style="overflow-y: auto; height: 516px;">
                            <div class="layer">
                                <form name="FormPost" id="role-save" class="FormGrid" method="post" action="role/save">

                                    <input type="hidden" value="27" name="id">
                                    <table class="EditTable" width="100%">
                                        <tbody>
                                        <tr class="FormData">
                                            <td class="CaptionTD">归属机构</td>
                                            <td class="DataTD width-100">

                                                <!--                                                <div class="clearfix width-100  input-group" style="">-->
                                                <!--                                                    <input class="form-control search-query" type="text"-->
                                                <!--                                                           id="officeNameEdit" name="" v-model="role.officeName">-->
                                                <!--                                                    <span class="input-group-btn">-->
                                                <!--		<span class="btn btn-purple btn-sm" type="button" style="height: 34px;">-->
                                                <!--			<i class="ace-icon fa fa-search bigger-110"></i>-->
                                                <!--			<a href="role-select.html">查找</a>-->
                                                <!--		</span>-->
                                                <!--	</span>-->
                                                <!--                                                    <input type="hidden" name="officeId" id="officeEdit" value="52">-->
                                                <!--                                                </div>-->

                                                <div class="btn-group width-80" @click="changeUp">
	<span data-toggle="dropdown" class="btn btn-primary btn-white dropdown-toggle width-100">
		<span id="pullDownTreeCurNameone">{{name}}</span> <i class="ace-icon fa  icon-on-right"
                                                             :class="up?'fa-angle-up':'fa-angle-down'"></i>
	</span>

                                                    <div class="dropdown-menu dropdown-caret scrollable width-100"
                                                         data-height="250">
                                                        <div class="padding-15">
                                                            <div style="padding-bottom: 10px;">
                                                                <input type="text"
                                                                       id="pullDownTreeSearchone"
                                                                       @keydown.enter="search"
                                                                       placeholder="搜索"
                                                                       v-model="input"
                                                                       class="width-100"/>
                                                            </div>
                                                            <ul class="ztree" id="pullDownTreeone">
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input type="hidden" name="officeId" value="0"
                                                       id="pullDownTreeCurIdone"/>
                                                <input type="hidden" name="" value=""
                                                       id="pullDownTreeCurPidone"/>
                                                <input type="hidden" name="" value=""
                                                       id="pullDownTreeCurCidone"/>

                                            </td>
                                        </tr>
                                        <tr class="FormData">
                                            <td class="CaptionTD">角色名称</td>
                                            <td class="DataTD width-100"><input type="text" name="name"
                                                                                v-model="role.name"></td>
                                        </tr>
                                        <tr class="FormData">
                                            <td class="CaptionTD">数据范围</td>
                                            <td class="DataTD width-100">
                                                <select class="chosen-select " name="dataScope" id="chosenSelectEdit"
                                                        style="display: none;" v-model="role.dataScope">
                                                    <option value="1">所有数据</option>
                                                    <option value="2">所在公司及以下数据</option>
                                                    <option value="3">所在公司数据</option>
                                                    <option value="4">所在部门及以下数据</option>
                                                    <option value="5">所在部门数据</option>
                                                    <option value="8">仅本人数据</option>
                                                    <option value="9">按明细设置</option>
                                                </select>

                                                <span class="red width-50"> 特殊情况下,设置为"按明细设置",可进行跨机构授权</span>
                                            </td>
                                        </tr>
                                        <tr class="FormData">
                                            <td class="CaptionTD" style="vertical-align: top;">角色授权</td>
                                            <td class="DataTD">
                                                <div class="clearfix"
                                                     style="width: 100%;display: inline-block;vertical-align: top;">

                                                    <div id="treeSelectResEdit"
                                                         style="width: 50%;display: inline-block;vertical-align: top;float: left">
                                                        <div>
                                                            <ul id="select-treetreeSelectResEdit" class="ztree"
                                                                style="padding:15px 20px;">
                                                            </ul>
                                                        </div>
                                                    </div>

                                                    <div id="treeSelectOfficeEdit"
                                                         style="width: 50%; display: none; vertical-align: top; float: right;">
                                                        <div>
                                                            <ul id="select-treetreeSelectOfficeEdit" class="ztree"
                                                                style="padding:15px 20px;">

                                                            </ul>
                                                        </div>
                                                    </div>

                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>

                            <div class="width-100 clearfix" tag-save-btn=""
                                 style="bottom: -36px; left: 0px; position: absolute;">
	<span class="btn btn-primary btn-sm bigger-110 width-50  pull-left" id="role-save-save" @click="doAdd">
		<i class="ace-icon fa fa-floppy-o align-top bigger-125"></i> 确 定
	</span>
                                <span class="btn btn-yellow btn-sm bigger-110 width-50 pull-right"
                                      id="role-save-cancel">
		<i class="ace-icon fa fa-times align-top  bigger-125"></i> 取 消
	</span>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div><!-- /.page-content -->

    </div><!-- /.main-content -->

    <a href="javascript:void(0);" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse" style="z-index:1111">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<!-- 底部 -->
<!-- basic scripts -->

<script src="/bootstrap/bootstrap.min.js"></script>
<!-- ace scripts -->
<script src="/ace/js/ace-elements.min.js"></script>
<script src="/ace/js/ace.min.js"></script>

<script>
    /*$(function(){
        $("#chosenSelectEdit").chosen({width: "40%",search_contains: true});
    });*/
</script>


<!-- 引入其他js -->
<script src="/js/history.js"></script>
<script type="text/javascript" src="/layer/layer.js"></script>
<script type="text/javascript" src="/js/spin.min.js"></script>
<script type="text/javascript" src="/ztree/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="/js/jquery.autosize.min.js"></script>
<script type="text/javascript" src="/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="/validate/Validform_v5.3.2_min.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script type="text/javascript" src="/js/bootstrap-contextmenu.js"></script>
<script type="text/javascript" src="/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="/js/public.js"></script>
<script type="text/javascript" src="/vue/vue.js"></script>
<script type="text/javascript" src="/vue/axios.js"></script>
<script type="text/javascript" src="/js/role/role-add.js"></script>


</body>
</html>
